{% extends "base.html" %}

{% block content %}

<div class="section-title">

    <span class="eyebrow">
        RESULTS
    </span>

    <h2>
        Full Result
    </h2>

</div>


<form
    class="toolbar"
    method="get"
>

    <select name="school">

        <option value="">
            All Schools
        </option>

        {% for s in schools %}

        <option
            value="{{ s.id }}"
            {% if request.GET.school == s.id|stringformat:"s" %}
                selected
            {% endif %}
        >
            {{ s.name }}
        </option>

        {% endfor %}

    </select>


    <select name="section" onchange="this.form.submit()">

        <option value="">
            All Sections
        </option>

        <option
    value="LP"
    {% if selected_section == "LP" %}
        selected
    {% endif %}
>
    LP
</option>

        <option
    value="UP"
    {% if selected_section == "UP" %}
        selected
    {% endif %}
>
    UP
</option>

        <option
    value="HS"
    {% if selected_section == "HS" %}
        selected
    {% endif %}
>
    HS
</option>

        <option
    value="HSS"
    {% if selected_section == "HSS" %}
        selected
    {% endif %}
>
    HSS
</option>

    </select>


    <select name="item">

        <option value="">
            All Items
        </option>

        {% for i in items %}

        <option
            value="{{ i.id }}"
            {% if request.GET.item == i.id|stringformat:"s" %}
                selected
            {% endif %}
        >
            {{ i.code }} - {{ i.name }}
        </option>

        {% endfor %}

    </select>


    <select name="participant">

        <option value="">
            All Participants
        </option>

        {% for p in participants %}

        <option
            value="{{ p.id }}"
            {% if request.GET.participant == p.id|stringformat:"s" %}
                selected
            {% endif %}
        >
            {{ p.name }}
        </option>

        {% endfor %}

    </select>


    <button
        type="submit"
        class="btn"
    >
        Filter
    </button>


    <a
        class="btn secondary"
        href="{% url 'results_pdf' %}?{{ request.GET.urlencode }}"
    >
        PrintPDF
    </a>

</form>


{% regroup results by item.section as section_list %}


{% for section in section_list %}

<div class="result-section">

    <!-- SECTION HEADING -->

    <h3>
        {{ section.grouper }}
    </h3>


    {% regroup section.list by item as item_list %}


    {% for group in item_list %}

    <!-- ITEM HEADING -->

    <h4>
        {{ group.grouper.code }} - {{ group.grouper.name }}
    </h4>


    <table>

        <thead>

            <tr>

                <th>
                    Place
                </th>

                <th>
                    Chest Name / Group
                </th>

                <th>
                    School
                </th>

            </tr>

        </thead>


        <tbody>

            {% for r in group.list %}

                {% if forloop.counter <= 3 %}

                <tr>

                    <td>

                        {% if r.place %}
                            {{ r.place }}
                        {% else %}
                            {{ forloop.counter }}
                        {% endif %}

                    </td>


                    <td>

                        {% if r.participant %}

                            {% if r.participant.chest_no %}
                                {{ r.participant.chest_no }} -
                            {% endif %}

                            {{ r.competitor_name }}

                        {% else %}

                            {{ r.competitor_name }}

                        {% endif %}

                    </td>


                    <td>

                        {% if r.competitor_school %}
                            {{ r.competitor_school.name }}
                        {% endif %}

                    </td>

                </tr>

                {% endif %}

            {% empty %}

            <tr>

                <td colspan="3">
                    No published result for this item.
                </td>

            </tr>

            {% endfor %}

        </tbody>

    </table>


    {% endfor %}

</div>


{% empty %}

<div class="panel">

    No published results found.

</div>

{% endfor %}

{% endblock %}